/***********************************************/

.tabbar-content {
    width: 100%;
    height: 19.46vw;
    position: fixed;
    left: 0;
    bottom: -1.1vw;
    z-index: 99995;
    font-size: 0.2rem;

}

.tabbar-bg {
    position: fixed;
    left: -1%;
    bottom: -0.5vw;
    width: 102%;
    height: 20.5vw;
    z-index: 1;
    margin-bottom: -0.1vw;

}

/*/*********************************************************/

.tabbar-content .home {
    display: block;
    text-align: center;
    width: 20vw;
    height: 10vw;
    position: fixed;
    bottom: 1.8vw;
    left: 15vw;
    z-index: 100;
    cursor: pointer;
}

.tabbar-content .home img {
    width: 6.4vw;
    height: 6.4vw;
    margin-bottom: -1.4vw;

}

.tabbar-content .home p {
    font-size: 14px;
   color: #999999;
    text-align: center;
}

.tabbar-content .classfication {

    text-align: center;
    width: 15vw;
    height: 10vw;
    position: fixed;
    bottom: 1.8vw;
    left: 22.126vw;
    z-index: 100;
    cursor: pointer;
}

.tabbar-content .classfication img {
    width: 6.4vw;
    height: 6.4vw;
    margin-bottom: -1.4vw;

}

.tabbar-content .classfication p {
    font-size: 2.6vw;
    color: #999999;
    text-align: center;
}

.tabbar-content .Staged-products {
    text-align: center;
    width: 15vw;
    height: 15vw;
    position: fixed;
    bottom: 2.2vw;
    left: 43.1vw;
    z-index: 100;
    cursor: pointer;
}

.tabbar-content .Staged-products img {
    width: 12vw;
    height: 11.5vw;
    margin-top: -0.5vw;
    margin-bottom: -0.5vw;
}

.tabbar-content .Staged-products p {
    font-size: 14px;
    margin-top:0.45vw;
    color: #999999;
    text-align: center;
}

.tabbar-content .announcement {
    text-align: center;
    width: 15vw;
    height: 10vw;
    position: fixed;
    bottom: 1.8vw;
    left: 63.93vw;
    z-index: 100;
    cursor: pointer;
}

.tabbar-content .announcement img {
    width: 6.4vw;
    height: 6.4vw;
    margin-bottom: -1.4vw;

}

.tabbar-content .announcement p {
    font-size: 2.6vw;
    color: #999999;
    text-align: center;
}

.tabbar-content .mine {

    text-align: center;
    width: 30vw;
    height: 10vw;
    position: fixed;
    bottom: 1.8vw;
    left: 65vw;
    z-index: 100;
    cursor: pointer;
}

.tabbar-content .mine img {
    width: 6.4vw;
    height: 6.4vw;
    margin-bottom: -1.4vw;

}

.tabbar-content .mine p {
    font-size:14px;
    color: #999999;
    text-align: center;
}
@supports (bottom: env(safe-area-inset-bottom)) {
    body,
    .footerBox {
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
    }
}
@supports (bottom: env(safe-area-inset-bottom)) {
    body,
    .tabbar-content {
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
    }
}



#footer{
    position: fixed;
    display: flex;
    bottom: 0;
    width: 7.5rem;
    height: 1.44rem;
    /* background: url(../img/tab_bg@3x.png) -0.42rem 0/110% 110%; */
    background: url(../img/tab_bg@3x.png) -2px 0/100% 100%;
}
.footer-item{
    flex: 1 1 20%;
    text-align: center;
    font-size: 0;
    height: 1rem;
    margin-top: 0.6rem;
}
.footer-item img{
    width: 0.48rem;
    height: 0.48rem;
  
}
.footer-item p{
    font-size: 0.24rem;
    color: #999999;
    margin-top: -0.04rem;
}
.footer-item:nth-child(3) img{
    width: 0.9rem;
    height: 0.86rem;
    margin-top: -0.45rem;
}